<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Cesium Viewer</title>
    <script src="/cesium/Cesium.js"></script>
    <link href="/cesium/Widgets/widgets.css" rel="stylesheet">
    <style>
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        #cesiumContainer {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            display: block;
            background-color: lightgray;  /* 临时背景色，确认它显示 */
        }
    </style>

</head>
<body>
<div id="cesiumContainer"></div>
<script>
    const viewer = new Cesium.Viewer('cesiumContainer');


    viewer.entities.add({
        position: Cesium.Cartesian3.fromDegrees(116.3913, 39.9075),
        point: { pixelSize: 10, color: Cesium.Color.RED },
        label: { text: "北京", fillColor: Cesium.Color.YELLOW }
    });

    viewer.zoomTo(viewer.entities);
    console.log('Cesium:', Cesium);
</script>
</body>
</html>
